<ion-view title="">
    <ion-nav-buttons side="left">
        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
    </ion-nav-buttons>
    <ion-content>
        <a href="#/app/order_detail" style="text-decoration:none; color: #333333">
            <div class="row" style="border-bottom: 1px solid #cccccc; margin-bottom: 5px;">
                <div class="col col-30" style="">
                    <i class="fa fa-shopping-cart positive" style="font-size: 2.5em"></i>
                    <button class="button button-small button-assertive"
                            style="margin-top: 2px; font-size: 1.6em; margin-left: 10px; padding: 0px 10px;">15
                    </button>
                </div>
                <div class="col col-60" style="text-align: right">
                    <span class="assertive" style="font-size: 2em; padding-top: 15px;">150.000 đ</span><br>
                    <span style=" color: #a5a5a5;">Kiểm tra giỏ hàng</span>
                </div>
            </div>
        </a>
        <div class="row">
            <div class="col col-offset-10 col-90" style="text-align: right">
                <!--<button -->
                        <!--style="padding-left: 20px;" href="#/app/category"> -->
                <!--</button>-->
                <a class="button button-calm icon-right ion-chevron-right" href="#/app/categories2">Đồ uống</a>
            </div>
        </div>
        <div class="row">
            <label class="item item-input" style="width: 100%">
                <i class="icon ion-search placeholder-icon"></i>
                <input type="text" placeholder="Tên sản phẩm">

                <div class="button ion-plus-round" style="margin-right: 10px; font-size: 2em"></div>
            </label>
        </div>
        <ion-list>
            <ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
                {{playlist.title}}
            </ion-item>
        </ion-list>
    </ion-content>

</ion-view>
